import { SvgIcon } from '../type'

export default function Close(props: SvgIcon) {
  const { width = 20, height = 20 } = props

  return (
    <svg width={width} height={height} viewBox="0 0 12 12" fill="currentColor" className="chakra-icon" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M0.219668 10.7197C-0.0732226 11.0126 -0.0732226 11.4875 0.219668 11.7803C0.512566 12.0732 0.987436 12.0732 1.28033 11.7803L6.00001 7.06066L10.7197 11.7803C11.0126 12.0732 11.4875 12.0732 11.7803 11.7803C12.0732 11.4875 12.0732 11.0126 11.7803 10.7197L7.06066 6.00001L11.7803 1.28033C12.0732 0.987436 12.0732 0.512566 11.7803 0.219668C11.4875 -0.0732226 11.0126 -0.0732226 10.7197 0.219668L6.00001 4.93936L1.28033 0.219668C0.987436 -0.0732226 0.512566 -0.0732226 0.219668 0.219668C-0.0732226 0.512566 -0.0732226 0.987436 0.219668 1.28033L4.93936 6.00001L0.219668 10.7197Z"
        fill="currentColor"
      />
    </svg>
  )
}
